function addMail(public){
		var newTr = document.createElement("tr");
		var newTd1 = document.createElement("td");
		var newTd2 = document.createElement("td");
		var newMailInput = document.createElement("input");
		var newPrivateInput = document.createElement("input");
		var mail = true;
		var p = public;
		
		document.getElementById("emails").appendChild(newTr).appendChild(newTd1).appendChild(newMailInput);
		document.getElementById("emails").appendChild(newTr).appendChild(newTd2).appendChild(newPrivateInput);
		
		for(var i = 0; i <document.getElementsByTagName("td").length; i++){
				if(mail){
					document.getElementsByTagName("td")[i].firstChild.name = "email"+i/2;
					document.getElementsByTagName("td")[i].firstChild.type = "email";
					document.getElementsByTagName("td")[i].firstChild.placeholder = "friend@domain.com";
					mail = false;
				}
				else{
					document.getElementsByTagName("td")[i].firstChild.name = "private"+(Math.round(i/2)-1);
					document.getElementsByTagName("td")[i].firstChild.type = "checkbox";
					if(public){
						document.getElementsByTagName("td")[i].firstChild.style.display = "none";
					}
					mail = true;
				}
		}
		
		
	}
	
function drawCanvas(){
        var canvas = document.getElementById("HomeLogo");

        var context = canvas.getContext("2d");

  		var context2 = canvas.getContext("2d");

  		var context3 = canvas.getContext("2d");

  		var context4 = canvas.getContext("2d");

  		var context5 = canvas.getContext("2d");

  		var context6 = canvas.getContext("2d");

  		var context7 = canvas.getContext("2d");

  		var radius = 15;

          var counterClockwise = false;

  		var x = 25;

          var y = 25;

  		

  		//9-12 Uhr

          context.beginPath();

          context.arc(x, y, radius, 1.025 * Math.PI, 1.475 * Math.PI, counterClockwise);

          context.lineWidth = 2;

          // line color

          context.strokeStyle = "#4020e5";

          context.stroke();

  		

  		//12-3 Uhr

  		context2.beginPath();

  		context2.arc(x,y,radius, 1.525 * Math.PI, 1.975 * Math.PI, counterClockwise);

  		context2.lineWidth = 2;

  		

  		context2.strokeStyle = "#e52420 ";

  		context2.stroke();

  		

  		//3-6 Uhr

  		context3.beginPath();

  		context3.arc(x,y,radius, 0.025 * Math.PI, 0.475 * Math.PI, counterClockwise);

  		context3.lineWidth = 2;

  		

  		context3.strokeStyle = "#ed7d2b";

  		context3.stroke();

  		

  		//6-9 Uhr

  		context4.beginPath();

  		context4.arc(x,y,radius, 0.525 * Math.PI, 0.975 * Math.PI, counterClockwise);

  		context4.lineWidth = 2;

  				

  		context4.strokeStyle = "#159c2f";

  		context4.stroke();

  		

  		context5.beginPath();

  		context5.arc(25,21, 5.25, 1 * Math.PI, 2* Math.PI, counterClockwise);

  		context5.lineWidth = 1;

  		

  		context5.strokeStyle = "#444444";

  		context5.stroke();

  		

  		context5.beginPath();

  		context5.arc(25,21, 2, 1 * Math.PI, 2* Math.PI, counterClockwise);

  		context5.lineWidth = 1;

  		

  		context5.strokeStyle = "#444444";

  		context5.stroke();

  		

  		context5.beginPath();

  		context5.arc(26.5,32, 3.4, 0 * Math.PI, 1* Math.PI, counterClockwise);

  		context5.lineWidth = 1;

  		

  		context5.strokeStyle = "#444444";

  		context5.stroke();

  		

  		

  		context5.beginPath();

          context5.moveTo(27, 20.5);

          context5.lineTo(27, 30.5);

          context5.stroke();

  		

  		

  		context5.beginPath();

          context5.moveTo(30, 32);

          context5.lineTo(30, 21);

          context5.stroke();

  		

  		

  		context5.beginPath();

          context5.moveTo(23, 19.5);

          context5.lineTo(23, 32.5);

          context5.stroke();

  		

  	

  		context5.beginPath();

          context5.moveTo(20, 20.5);

          context5.lineTo(20, 30.5);

          context5.stroke();

  		

  			

  		context6.font = "15pt Arial";

  		context6.strokeStyle = "#444444";

  		context6.lineWidth = 1;

  		context6.strokeText("X", 45, 30);

  		

  		context7.font = "15pt Arial";

  		context7.fillStyle = "#444444";

  		context7.fillText ("Cerpt", 57,30);
  		
  		
  		
  		
  		
  		   var canvas = document.getElementById("addReference");

      var context = canvas.getContext("2d");

		var context2 = canvas.getContext("2d");

		var context3 = canvas.getContext("2d");

		var context4 = canvas.getContext("2d");

		var context5 = canvas.getContext("2d");

		var context6 = canvas.getContext("2d");

		var radius = 15;

      var counterClockwise = false;

		var x = canvas.width / 2;

      var y = canvas.height / 2;

		

		//9-12 Uhr

      context.beginPath();

      context.arc(x, y, radius, 1.025 * Math.PI, 1.475 * Math.PI, counterClockwise);

      context.lineWidth = 2;

      // line color

      context.strokeStyle = "#4020e5";

      context.stroke();

		

		//12-3 Uhr

		context2.beginPath();

		context2.arc(x,y,radius, 1.525 * Math.PI, 1.975 * Math.PI, counterClockwise);

		context2.lineWidth = 2;

		

		context2.strokeStyle = "#e52420 ";

		context2.stroke();

		

		//3-6 Uhr

		context3.beginPath();

		context3.arc(x,y,radius, 0.025 * Math.PI, 0.475 * Math.PI, counterClockwise);

		context3.lineWidth = 2;

		

		context3.strokeStyle = "#ed7d2b";

		context3.stroke();

		

		//6-9 Uhr

		context4.beginPath();

		context4.arc(x,y,radius, 0.525 * Math.PI, 0.975 * Math.PI, counterClockwise);

		context4.lineWidth = 2;

				

		context4.strokeStyle = "#159c2f";

		context4.stroke();

		

		context5.beginPath();

		context5.moveTo(20,25);

		context5.lineTo(30,25);

		context5.strokeStyle = "#444444";

      context5.stroke();

		

		context6.beginPath();

		context6.moveTo(25,20);

		context6.lineTo(25,30);

		context6.strokeStyle = "#444444";

      context6.stroke();


}

